
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>账户安全列表</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <!--标准mui.css-->
    <link rel="stylesheet" href="__PUBLIC__/css/mui.min.css">
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/css/app.css" />
    <!--App自定义的css-->
    <style>
        .mui-input-row:after {
            position: absolute;
            right: 0;
            bottom: 0;
            left: 0px;
            height: 1px;
            content: '';
            -webkit-transform: scaleY(.5);
            transform: scaleY(.5);
            background-color: #efefef;
        }
        .mui-content>div:nth-child(1){
            background: url("__PUBLIC__/images/zhuanghuanquan/phone.png") no-repeat 1rem center;
            background-size: 2rem;
            padding-left: 1rem;
        }
        .mui-content>div:nth-child(2){
            background: url("__PUBLIC__/images/zhuanghuanquan/password.png") no-repeat 1rem center;
            background-size: 2rem;
            padding-left: 1rem;
        }
        .mui-content>div:nth-child(3){
            background: url("__PUBLIC__/images/zhuanghuanquan/bankCard.png") no-repeat 1rem center;
            background-size: 2rem;
            padding-left: 1rem;
        }
        .mui-content>div:nth-child(4){
            background: url("__PUBLIC__/images/zhuanghuanquan/setPassword.png") no-repeat 1rem center;
            background-size: 2rem;
            padding-left: 1rem;
        }
    </style>
    <script type="text/javascript" src="__PUBLIC__/js/jquery-3.2.1.min.js"></script>
</head>

<body>
<header class="mui-bar mui-bar-nav">
    <a style="position:absolute;z-index: 2"   class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <a href="{:U('my/indexSet')}" style='position:absolute; z-index:3; width:40px; height:40px; left:0px; top:0px;background: blue;opacity:0'></a>
    <script>
        //url跳转
        function dump(url) {
            location.href=url
        }
    </script>
    <h1 class="mui-title">账户安全</h1>
</header>
<div class="mui-content">
    <div onclick="dump('{:U('uphone')}')"  class="mui-control-content mui-active">
        <div class="mui-input-row h50 pr">
            <i class="mui-icon-cang mui-cangchutype   mui-pull-left"></i>
            <label class="pl40">修改手机号</label>
            <a class="mui-navigate-right"></a>
        </div>
    </div>
    <div onclick="dump('{:U('updatePassword')}')" class="mui-control-content mui-active">
        <div class="mui-input-row h50 pr">
            <i class="mui-icon-cang mui-cangchutype   mui-pull-left"></i>
            <label class="pl40">修改密码</label>
            <a class="mui-navigate-right"></a>
        </div>
    </div>
    <div  class="mui-control-content mui-active">
        <div class="mui-input-row h50 pr">
            <i class="mui-icon-cang mui-cangchutype   mui-pull-left"></i>
            <label class="pl40">我的银行卡</label>
            <a class="mui-navigate-right"></a>
        </div>
    </div>
    <div onclick="dump('{:U('setpassword')}')"  class="mui-control-content mui-active">
        <div class="mui-input-row h50 pr">
            <i class="mui-icon-cang mui-cangchutype   mui-pull-left"></i>
            <label class="pl40">设置交易密码</label>
            <a class="mui-navigate-right"></a>
        </div>
    </div>
</div>
</body>
<script src="__PUBLIC__/js/mui.min.js"></script>
<script>

</script>
</html>